require("./css/index.scss");

$(function() {
    //输入框focus高亮
    $('.group input').focus(function(e) {
        $(this).siblings('i').css({
            "color": "#333"
        });
    }).blur(function(e) {
        $(this).siblings('i').css({
            "color": "#949494"
        });
    });


    //自动登录勾选
    $('.remember').click(function() {
        if(parseInt($(this).data('check'),10)===1){
            $(this).data('check',0);
            $(this).css({
                "background-color":"#e0e0e0"
            });
        }else{
            $(this).data('check',1);
            $(this).css({
                "background-color":"rgba(41, 196, 239, 0.74)"
            });
        }

    });


    $('#verifyimg').click(function() {
        refreshCode();
    });
    $('#loginBtn').click(function() {
        login();
    });

    // 回车login
    $(document).keyup(function(e) {
        var curKey = e.which;
        if (curKey == 13) {
            login();
        }
    });
});


// 登录检查
function checkSubmit(user) {
    // 验证信息的正确性
    if (user.name === '') {
        layer.msg('用户名不能为空',{icon: 5});
        return false;
    }
    if (!(/^[a-zA-Z0-9\-me_]+$/i).test(user.name)) {
        layer.msg('用户名格式不正确',{icon: 5});
        return false;
    }
    if (user.name.length < 5) {
        layer.msg('用户名至少需要5位',{icon: 5});
        return false;
    }
    if (user.pwd.length < 8) {
        layer.msg('密码至少需要8位',{icon: 5});
        return false;
    }
    return true;
}

//用户登录
function login() {
    var user = {
        name: $.trim($('#name').val()),
        pwd: $.trim($('#pwd').val()),
        remme: $.trim($('.remember').data('check')),
        verify: $.trim($('#verifyCode').val())
    };
    if (checkSubmit(user)) {
        $.ajax({
            url: loginurl,
            data: user,
            dataType: 'json',
            type: 'post',
            success: function(res) {
                if (res.rel == '1') {
                    layer.msg(res.msg, {
                        icon: 6,
                        time: 1300
                    }, function() {
                        window.location.reload();
                    });
                } else {
                    layer.msg(res.msg, {
                        icon: 5,
                        time: 1300
                    }, function() {
                        refreshCode();
                    });
                }
            },
            error: function() {
                layer.msg('异常错误', {
                    time: 1300
                });
            }
        });
    }
}
//更新验证码
function refreshCode() {
    $('#verifyimg').attr("src", veriurl);
}